|
|
Teorie současného web designu a její aplikace při návrhu responsivních www stránek
Ferenc, Jakub ; Procházka, Josef (vedoucí práce) ; Fuglík, Viktor (oponent)
Teoretickou analýzou jsme k web designu přistoupili jako k digitálnímu, designovému oboru, který je inherentně kreativní. Proto jej analyzujeme na základě teorií kreativity, designu a nových médií. Demystifikujeme romantický pohled na kreativitu; analyzujeme komponentní, evoluční a další pohledy na kreativitu; zjišťujeme, že expertíza a kontext jsou pro kreativitu důležité. Analýzou teorií designu zavrhujeme chápání designéra jako "dekoratéra"; definujeme design jako řešení "wicked" problémů a distinktivní druh myšlení, které je vhodné pro integraci umění a technologie i tvorbu inovací v postindustriální společnosti. Dále analyzujeme vztah mezi designem a uživatelem. Diskutujeme o kódu jako "materiálu" pro web design. Po historické analýze evoluce Webu definujeme "axiomatický systém", kterým Web analyzujeme. Tyto axiomy jsou: Web jako technologická platforma; Web jako nové médium; Web jako interface, dělící se na kód a lidskou stránku, jež existují v širším sociokulturním kontextu; Web jako interakční design; Web jako dílo existující a měnící se vzhledem k momentálnímu (spaciotemporálnímu) kontextu použití. Touto analýzou a axiomy vysvětlujeme, proč je současný web design responzivní, "mobile first" a jakou roli má mobilní kontext. Nakonec diskutujeme o budoucnosti web designu. V...
|
|
|
Teorie současného web designu a její aplikace při návrhu responsivních www stránek
Ferenc, Jakub ; Procházka, Josef (vedoucí práce) ; Fuglík, Viktor (oponent)
Teoretickou analýzou jsme k web designu přistoupili jako k digitálnímu, designovému oboru, který je inherentně kreativní. Proto jej analyzujeme na základě teorií kreativity, designu a nových médií. Demystifikujeme romantický pohled na kreativitu; analyzujeme komponentní, evoluční a další pohledy na kreativitu; zjišťujeme, že expertíza a kontext jsou pro kreativitu důležité. Analýzou teorií designu zavrhujeme chápání designéra jako "dekoratéra"; definujeme design jako řešení "wicked" problémů a distinktivní druh myšlení, které je vhodné pro integraci umění a technologie i tvorbu inovací v postindustriální společnosti. Dále analyzujeme vztah mezi designem a uživatelem. Diskutujeme o kódu jako "materiálu" pro web design. Po historické analýze evoluce Webu definujeme "axiomatický systém", kterým Web analyzujeme. Tyto axiomy jsou: Web jako technologická platforma; Web jako nové médium; Web jako interface, dělící se na kód a lidskou stránku, jež existují v širším sociokulturním kontextu; Web jako interakční design; Web jako dílo existující a měnící se vzhledem k momentálnímu (spaciotemporálnímu) kontextu použití. Touto analýzou a axiomy vysvětlujeme, proč je současný web design responzivní, "mobile first" a jakou roli má mobilní kontext. Nakonec diskutujeme o budoucnosti web designu. V...
|
|
|
Aplikace zásad a metodik webdesignu v praxi
Hřebík, Štěpán ; Vynikarová, Dana (vedoucí práce) ; David, David (oponent)
V této diplomové práci autor zpracoval aktuální teoretická východiska, jimiž by se měl řídit každý účastník front-end development procesu tvorby webu. Byla provedena kategorizace, zobecnění klíčových vlastností úspěšného webu a představení dvou vybraných metodik pro samotný design, který je obsahem praktické části. Ve vlastní práci autor aplikoval získané poznatky na konkrétní podnikatelský subjekt, především kombinací vybraných metodik. Výsledkem je prototyp webové prezentace sestavený z logických návrhů podložený výzkumem. K tomuto výsledku byl doplněn i grafický design úvodní stránky prezentace.
|
|
|
Responsivní webdesign
Havelka, Petr ; Pavlíčková, Jarmila (vedoucí práce) ; Benáčanová, Helena (oponent)
Cílem diplomové práce je vytvořit souhrnný materiál, který obsahuje základy teorie a praktické znalosti, potřebné k pochopení komplexnosti celé problematiky responsivního webdesignu (RWD). Diplomová práce se nejdříve věnuje vzniku RWD a jeho dvěma přístupům. Dále se práce zabývá technickým řešením RWD a technologiemi, které umožnily jeho vznik nebo jsou užitečné při jeho tvorbě. V práci jsou uvedeny i nástroje využitelné ke zjednodušení práce s danými technologiemi. Další část práce je věnována responsivním CSS frameworkům jakožto základu při tvorbě resposnivních webů a ukázkám vytvoření layoutů pomocí obou přístupů a rozdílných frameworků. Poslední část práce pojednává o problematice testování responsivních webů.
|
|
|
Responsivní web design
Němec, Milan ; Kosek, Jiří (vedoucí práce) ; Šubrta, Václav (oponent)
Tato práce se zabývá responzivním webdesignem, tzn. způsobem vytváření webových stránek, které se přizpůsobují zobrazujícímu zařízení. Cílem je popsat základní principy a uvést technologické možnosti jeho tvorby. Popisované principy jsou dokladovány v ukázkových zdrojových kódech a na ilustracích. Flexibilní struktura stránek, media queries a flexibilní obrázky jsou tři základní pilíře. Přístupy k vytváření stránek mobile first a desktop first představují dvě odlišné strategie při tvorbě responzivních stránek. Vhodnou metodou budování webové stránky určené pro mobily a desktopy se jeví právě responzivní webdesgin, oproti vytváření několika verzí webu pro odlišná zařízení.
|
|
|
Use of responsive design in the design application
Puškár, Ján ; Albrecht, Jakub (vedoucí práce) ; Voříšek, Jiří (oponent)
Bakalářská práce je orientovaná na komparaci nejpoužívanějších přístupů k prezentování webového obsahu na mobilních zařízeních, s cílem umožnit efektivní rozhodování o způsobu prezentace obsahu. Práce se v první části věnuje vzniku responzivního dizajnu a jeho pilířům. Dále se práce zabývá všeobecným posouzením vhodnosti využití responzivního dizajnu a identifikací odlišností v provozování klasické webové stránky, stránky s mobilní verzí a responzivní stránky. Další část práce je věnovaná praktické demonstraci implementace responzivního dizajnu při tvorbě nové responzivní stránky. Práce obsahuje popis pracovního postupu a výsledky testování.
|
|
|
Analýza responzivního designu webových stránek
Ronovský, Jan ; Vojíř, Stanislav (vedoucí práce) ; Hradil, Jiří (oponent)
Práce se zabývá technologiemi a optimalizací v rámci tvorby responzivních webových stránek. Sumarizuje současný stav a dává menší výhled, kde je budoucnost responzivního designu. To vše je rozebráno na příkladu 4 zpravodajských webových stránek ihned.cz, novinky.cz, blesk.cz, extra.cz, které jsou v práci rozebrány z hlediska oblastí, které se nejvíce podílí na pocitu uživatele z prohlížení. Webové stránky jsou pomocí kritérií vycházejících z těchto oblastí porovnány a k nejdůležitějším chybám jednotlivých webových stránek jsou navržena funkční řešení. Chyby jsou závěrem zasazeny do kontextu ostatních webových stránek a jsou navrženy standardní postupy, které podobné chyby řeší a lze je použít při tvorbě dalších responzivních webových stránek.
|
|
|
Responzivní webdesign
Hnízdil, Jakub ; Pavlíčková, Jarmila (vedoucí práce) ; Rosík, Jiří (oponent)
Tato diplomová práce se zaměřuje na responzivní webdesign. Jejím hlavním cílem je poskytnout ucelený pohled na tvorbu webových stránek právě v tzv. responzivním provedení a tím jejím čtenářům předat povědomí nejen o samotném pojmu responzivní webdesign, ale také i o jiných způsobech vytváření mobilních webů. Dále se tato práce zabývá sestavením přehledu a porovnání vybraných technologií a frameworků s podporou tvorby responzivních webových stránek. Každé skupině technologií či postupů je věnována samostatná kapitola tak, aby se čtenář mohl jednoduše a přehledně vracet k jednotlivým pojmům. Po přečtení této práce by si měl čtenář odnést nejen podrobné znalosti v oblasti responzivního webdesignu, ale také rady a návody pro tvorbu webových stránek a pro rozhodování při volbě jednotlivých druhů technologií, které je možné při tvorbě webových stránek využívat.
|
|
|
Responzivní webdesign a jeho praktické využití
Slíva, Ondřej
Tato bakalářská práce se zabývá responzivním webdesignem. V teoretické části je zmíněno co to vlastně responzivní webdesign je, čím se zabývá, proč má smysl se mu věnovat, jaká k němu existuje alternativa a jaké jsou jeho výhody a nevýhody. Dále je zmíněn meta tag viewport a tři základní prvky responzivního webdesignu, kterými jsou plovoucí layout, media queries a flexibilní obrázky. Praktická část se zabývá nakódováním responzivních webových stránek (dle přístupu Mobile first) pro firmu Návrh loga dle obdrženého grafického návrhu.
|
|
|
Optimalizace webu pro mobilní zařízení a analýza jejího vlivu
Pospíšil, Jan ; Šedivá, Zuzana (vedoucí práce) ; Pour, Jan (oponent)
Práce pojednává o problematice návrhu a vývoje webu pro mobilní zařízení a jejich přínosech. Teoretická část práce je zaměřena na popis mobilního trhu a mobilních zařízení a jejich specifika s důrazem na budoucí vývoj a argumentaci, proč je trh mobilních technologií perspektivní. Dále zahrnuje popis metod a přístup k tvorbě designu mobilních aplikací se zaměřením na aplikace webové. Poslední kapitola teoretické části nabízí přehled technologií pro vývoj mobilního webu se zaměřením na specifika mobilních zařízení a možnosti těchto technologií přiblížit webové aplikace těm nativním. Praktická část práce následně tyto popsané teorie ověřuje na reálném projektu zpravodajského webu tím, že jsou na něm provedeny optimalizace pro mobilní zařízení. Následně je analyzováno, jaké přínosy tato optimalizace přinesla tomuto webu od čehož je odvozen také obecný dopad přizpůsobení webu potřebám mobilních zařízení. Hlavním cílem práce je poskytnutí komplexního přehledu metod a technologií využitelných při návrhu a vývoji mobilního webu a provedená analýza, která má ověřit přínosy těchto teorií v praxi. Výsledky analýzy jsou také hlavním přínosem této práce, jelikož poskytují informace o přínosnosti popisovaných metod na významném fungujícím projektu, který používá mnoho uživatelů. Přínosem je také část s popisem implementace, která poskytuje reálné zkušenosti a odkrývá problémy popisovaných teorií v praxi.
|
host ::
RSS.